<template>
  <el-card shadow="always">
    <div class="page-content fail">
      <el-result
          icon="error"
          title="提交失败"
          sub-title="请核对并修改以下信息后，再重新提交。"
      >
        <template #extra>
          <div class="btn-group">
            <el-button type="primary">返回修改</el-button>
            <el-button>查看</el-button>
          </div>
        </template>
      </el-result>

      <div class="res">
        <p>您提交的内容有如下错误：</p>
        <p><i class="iconfont-sys">&#xe71a;</i>您的账户已被冻结</p>
        <p><i class="iconfont-sys">&#xe71a;</i>您的账户还不具备申请资格</p>
      </div>
    </div>
  </el-card>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped>
.fail {
  box-sizing: border-box;
  padding: 15px 100px !important;
  text-align: center;

  .res {
    padding: 22px 30px;
    margin-top: 30px;
    text-align: left;
    background-color: #f8f8f9;
    border-radius: 5px;

    p {
      display: flex;
      align-items: center;
      padding: 8px 0;
      font-size: 15px;
      color: #808695;

      i {
        margin-right: 5px;
        color: #ed4015;
      }
    }
  }
}
</style>
